<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
	<style>
		body{
			background-color: #6699F4;
		}
		#loginDiv{
			width: 550px;
			height: 530px;
			background-color: #FFFFFF;
			margin: 0 auto;
			margin-top: 20px;
			text-align: center;
			padding-top: 20px ;
		}
		#uname{
			width: 426px;
			height: 55px;
			font-size: 20px;
		}
		#upsw{
			width: 426px;
			height: 55px;
			margin-top: 10px;
			font-size: 20px;
		}
		#loginBtn{
			width: 426px;
			height: 55px;
			background-color: #FF6B4D;
			border: 1px solid #FF6B4D;
			border-radius: 5px;
			margin-top: 10px;
			color: white;
			font-size: 20px;
			margin-bottom: 30px;
		}
		#demo{
			margin-top: 10px;
			margin-bottom: 20px;
		}
	</style>
	</head>
	<body>
		<div id="loginDiv">
			<img src="./tit.png" />
			<h1>毕业设计管理系统</h1>
			<input type="text" id="uname" placeholder="请输入用户名"/><br />
			<input type="password" id="upsw" placeholder="请输入密码" /><br />
			<button id="loginBtn" >登录</button>
			<div id="demo">
				<a href="https://wx.qq.com/"><img src="../img/素材/weixin.png"></a>
				<a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&client_id=101559500&redirect_uri=https:%2F%2Fcpo.qq.com%2Fconnect%2Fcallback&scope=get_user_info" ><img src="../img/素材/qq.png"></a>
				<a href="https://weibo.com/login.php"><img src="../img/素材/weibo.png"></a>
			</div>
			<div >
				开发者：王喜平 192088124 理学系
			</div>
		</div>
	</body>
</html>
